<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>commodityManagement</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="../Css/homePage.css" />

    <script src="../utils/jquery-3.6.0.min.js"></script>
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
    <link rel="stylesheet" href="../Css/commodityManagement.css" />
    <link
      href="https://unpkg.com/@wangeditor/editor@latest/dist/css/style.css"
      rel="stylesheet"
    />
    <style>
      #editor—wrapper {
        width: 680px;
        margin-left: 55px;
        border: 1px solid #ccc;
        z-index: 100; /* 按需定义 */
      }
      #toolbar-container {
        border-bottom: 1px solid #ccc;
      }
      #editor-container {
        height: 500px;
      }
      .w-e-scroll {
        height: 300px !important;
      }
    </style>
    <script src="../utils/jquery-3.6.0.min.js"></script>
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </head>

  <body>
    <div class="container-fluid">
      <div class="header">
        <div class="title">
          <p><span>互联网医疗服务后台管理</span>
                <div class="icon">
                    <div class="glyphicon glyphicon-user"><a id="username" href="./doctorAdmin.html">admin</a></div>
                    <div class="glyphicon glyphicon-home"><a href="./homePage.html">首页</a></div>
                    <div class="glyphicon glyphicon-off"><a href="./login.html">退出</a></div>
                </div>
            </p>
        </div>
      </div>
      <div class="body">
        <div class="nav" id="nav">
          <li>
              <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u21.svg" alt="" style="top:5px ;"><a href="./homePage.html">首页</a></h4>
          </li>
          <li>
              <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u29.png" alt=""> 医生管理</h4>
              <ul class="nav nav-pills nav-stacked">
                  <li role="presentation"><a href="./doctorAdmin.html">医生列表</a></li>
                  <li role="presentation"><a href="./doctorReview.html">医生审核</a></li>
                  <li role="presentation"><a href="./serviceAudit.html">服务审核</a></li>
                </ul>
          </li>
          <li>
              <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u23.png" alt=""><a href="./userAdmin.html">用户管理</a></h4>
          </li>
          <li>
               <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u34.svg" alt=""><a href="./prescriptionAdmin.html">处方管理</a></h4>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u41.svg" alt=""> 订单管理</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="./consultationListManagement.html">问诊单管理</a></li>
                <li role="presentation"><a href="./registrationOrderManagement.html">挂号单管理</a></li>
                <li role="presentation"><a href="./drugOrderManagement.html">药品订单管理</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u42.png" alt=""> 财务管理</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="./transactions.html">交易记录</a></li>
                <li role="presentation"><a href="./settlementAdmin.html">结算管理</a></li>
                <li role="presentation"><a href="./transferAdmin.html">转账管理</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u44.png" alt=""> 商品管理</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="#" class="navLabel .active1">药品列表</a></li>
                <li role="presentation"><a href="#" class="navLabel">药品分类</a></li>
                <li role="presentation"><a href="#" class="navLabel">药品审核</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u48.svg" alt=""> 运营管理</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="./runningManage.html">优惠券管理</a></li>
                <li role="presentation"><a href="./runningManageSystem.html">系统消息</a></li>
                <li role="presentation"><a href="#">APP推送消息</a></li>
                <li role="presentation"><a href="#">短信消息</a></li>
                <li role="presentation"><a href="#">广告管理</a></li>
                <li role="presentation"><a href="#">活动管理</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u51.png" alt=""> 内容管理</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="./carouselPage.html">轮播图管理</a></li>
                <li role="presentation"><a href="./diseasePage.html">疾病科普</a></li>
                <li role="presentation"><a href="#">医院管理</a></li>
                <li role="presentation"><a href="#">医院科室管理</a></li>
                <li role="presentation"><a href="#">药店管理</a></li>
                <li role="presentation"><a href="#">平台科室管理</a></li>
                <li role="presentation"><a href="./questionPage.html">常见问题</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u54.png" alt=""> 统计</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="./tradeStatic.html">交易统计</a></li>
                <li role="presentation"><a href="./userStatic.html">用户统计</a></li>
                <li role="presentation"><a href="./docotorStatic.html">医生统计</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u57.svg" alt=""> 设置</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="./messageReminder.html">消息提醒</a></li>
                <li role="presentation"><a href="./basicSettings.html">基本设置</a></li>
              </ul>
          </li>
          <li>
            <div><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u19.svg" alt="" id="jiantou"></div><h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u62.png" alt=""> 权限</h4>
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation"><a href="#">成员管理</a></li>
                <li role="presentation"><a href="#">角色管理</a></li>
                <li role="presentation"><a href="#">操作日志</a></li>
                <li role="presentation"><a href="#">数据库管理</a></li>
              </ul>
          </li>
          <li>
            <h4><img src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/系统架构/u61.png" alt=""><a href="./userAdmin.html">意见管理</a></h4>
        </li>
      </div>
        <!-- 药品管理 active2-->
        <div class="windowShow drugManagement active2">
          <p><span> 药品管理</span></p>
          <!-- 筛选 -->
          <div class="filter-box">
            <div class="filter-title">
              <img
                src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/服务审核/u212.png"
                alt=""
              />
              <span>筛选</span>
            </div>
            <div class="filter-context">
              <input
                class="searchInp"
                type="text"
                placeholder="输入药品名或药企名"
              />
              <span>药品分类</span>
              <select id="select1">
                <option selected="selected" value="请选择分类">
                  请选择分类
                </option>
                <option class="option" value="心血管系统用药">
                  心血管系统用药
                </option>
                <option class="option" value="呼吸系统用药">
                  呼吸系统用药
                </option>
                <option class="option" value="皮肤科用药">皮肤科用药</option>
              </select>
              <select id="select2">
                <option selected="selected" value="请选择分类">
                  请选择分类
                </option>
                <option class="part1" value="钙通道阻滞用药">
                  钙通道阻滞用药
                </option>
                <option class="part1" value="慢性心功能不全">
                  慢性心功能不全
                </option>
                <option class="part1" value="抗心律失常药">抗心律失常药</option>
                <option class="part2" value="镇咳药">镇咳药</option>
                <option class="part2" value="祛痰药">祛痰药</option>
                <option class="part2" value="平喘药">平喘药</option>
                <option class="part3" value="止痒药">止痒药</option>
                <option class="part3" value="消炎药">消炎药</option>
                <option class="part3" value="过敏药">过敏药</option>
              </select>
              <button class="selectBtn">筛选</button>
            </div>
          </div>
          <!-- 数据列表 -->
          <div class="data-list">
            <div class="data-list-title">
              <img
                src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/服务审核/u214.svg"
                alt=""
              />
              <span>数据列表</span>
              <button class="addBtn">新增药品</button>
            </div>
            <div class="data-list-context">
              <div class="data-list-context-title">
                <div class="dataLabel dataActive">全部</div>
                <div class="dataLabel">已上架</div>
                <div class="dataLabel">未上架</div>
                <div class="dataLabel">审核未通过</div>
              </div>
              <table class="window1Table table table-bordered">
                <thead>
                  <tr class="active">
                    <td class="td1">选择</td>
                    <td class="td2">药品名称</td>
                    <td class="td3">列表图</td>
                    <td class="td4">价格</td>
                    <td class="td5">上架</td>
                    <td class="td6">审核状态</td>
                    <td class="td7">库存</td>
                    <td class="td8">发布时间</td>
                    <td class="td9">操作</td>
                  </tr>
                </thead>
                <tbody>
                  <!-- <tr>
                    <td>
                          <input
                            type="checkbox"
                            id="blankCheckbox"
                            value=""
                          />
                    </td>
                    <td>络活喜苯磺酸氨氯地平片</td>
                    <td>
                      <img
                        src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/处方详情-审核中/u2849.png"
                        alt=""
                      />
                    </td>
                    <td>25</td>
                    <td>
                      <div class="checkbox">
                        <label>
                          <input
                            type="checkbox"
                            id="blankCheckbox"
                            value=""
                          />
                        </label>
                      </div>
                    </td>
                    <td>审核通过</td>
                    <td>100</td>
                    <td>2020-02-07 21:00:00</td>
                    <td>
                      <a class=".drugDetailCheck">查看</a>&nbsp;&nbsp;&nbsp;&nbsp;
                      <a class="drugDetailEdit">编辑</a>&nbsp;&nbsp;&nbsp;&nbsp;
                      <a class="del">删除</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                  </tr> -->
                </tbody>
              </table>
              <!-- 全选、批量删除、页码 -->
              <div class="data-list-context-footer">
                <div class="select-box">
                  <div>
                    <input class="selectAll" type="checkbox" name="" />
                    <span>全选</span>
                  </div>
                  <span class="delAll">批量删除</span>
                </div>
                <div class="pageNumber-box">
                  <div class="footerBox">
                    <!-- <span class="dataInformation">共10页/100条数据</span> -->
                  </div>
                  <nav>
                    <ul class="pagination">
                      <li>
                        <a href="#" class="prev">
                          <span>&laquo;</span>
                        </a>
                      </li>
                      <!-- <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li> -->
                      <li>
                        <a href="#" class="next">
                          <span class="next">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 药品分类管理-->
        <div class="windowShow drugClassification">
          <p><span>药品分类管理</span></p>
          <!-- 数据列表 -->
          <div class="data-list">
            <div class="data-list-title">
              <img
                src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/服务审核/u214.svg"
                alt=""
              />
              <span>分类列表</span>
              <button class="newClassification">新增分类</button>
            </div>
            <div class="data-list-context">
              <table class="window2Table table table-bordered active">
                <thead>
                  <tr class="active">
                    <td>选择</td>
                    <td>分类名称</td>
                    <td>级别</td>
                    <td>状态</td>
                    <td>备注</td>
                    <td>上传人</td>
                    <td>添加时间</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody class="drugClassTbody">
                  <!-- <tr>
                    <td>
                      <div class="checkbox">
                        <label>
                          <input type="checkbox" id="blankCheckbox" value="" />
                        </label>
                      </div>
                    </td>
                    <td>呼吸系统用药</td>
                    <td>一级</td>
                    <td>显示</td>
                    <td>备注内容</td>
                    <td>admin</td>
                    <td>2020-02-07 21:00:00</td>
                    <td>
                      <a class="window2Add">新增下级</a>&nbsp;&nbsp;&nbsp;&nbsp;
                      <a class="window2Check">查看下级</a
                      >&nbsp;&nbsp;&nbsp;&nbsp;
                      <a class="window2Edit">编辑</a>&nbsp;&nbsp;&nbsp;&nbsp;
                      <a class="window2Del">删除</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                  </tr> -->
                </tbody>
              </table>
              <!-- 全选、批量删除、页码 -->
              <div class="data-list-context-footer">
                <div class="select-box">
                  <div>
                    <input class="selectAll2" type="checkbox" name="" />
                    <span>全选</span>
                  </div>
                  <span class="delAll2">批量删除</span>
                </div>
                <div class="pageNumber-box">
                  <div class="footerBox2">
                    <!-- <span class="dataInformation">共10页/100条数据</span> -->
                  </div>
                  <nav class="pageBox">
                    <ul class="pagination" id="paging">
                      <li>
                        <a href="#" class="prev2">
                          <span>&laquo;</span>
                        </a>
                      </li>
                      <!-- <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li> -->
                      <li>
                        <a href="#" class="next2">
                          <span class="next">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 药品审核 -->
        <div class="windowShow drugReview">
          <p><span>药品审核</span></p>
          <!-- 筛选 -->
          <div class="filter-box">
            <div class="filter-title">
              <img
                src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/服务审核/u212.png"
                alt=""
              />
              <span>筛选</span>
            </div>
            <div class="filter-context">
              <input
                class="review-searchInp"
                type="text"
                placeholder="输入药品名或药企名"
              />
              <span>药品分类</span>
              <select id="review-select1">
                <option selected="" value="请选择分类">请选择分类</option>
                <option value="心血管系统用药">心血管系统用药</option>
                <option value="呼吸系统用药">呼吸系统用药</option>
                <option value="皮肤科用药">皮肤科用药</option>
              </select>
              <select id="review-select2">
                <option value="钙通道阻滞用药">钙通道阻滞用药</option>
                <option value="慢性心功能不全">慢性心功能不全</option>
                <option value="抗心律失常药">抗心律失常药</option>
              </select>
              <button class="review-selectBtn">筛选</button>
            </div>
          </div>
          <!-- 数据列表 -->
          <div class="data-list"> 
            <div class="data-list-title">
              <img
                src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/服务审核/u214.svg"
                alt=""
              />
              <span>数据列表</span>
            </div>
            <div class="data-list-context">
              <table class="window3Table table table-bordered active">
                <thead>
                  <tr class="active">
                    <td>选择</td>
                    <td>药品名称</td>
                    <td>列表图</td>
                    <td>价格</td>
                    <td>上架</td>
                    <td>审核状态</td>
                    <td>库存</td>
                    <td>发布时间</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody class="drugReview-tbody">
                  <tr>
                    <!-- <td>
                      <input type="checkbox" id="blankCheckbox" value="" />
                    </td>
                    <td>络活喜苯磺酸氨氯地平片</td>
                    <td>
                      <img
                        src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/处方详情-审核中/u2849.png"
                        alt=""
                      />
                    </td>
                    <td>25</td>
                    <td>
                      <div class="checkbox">
                        <label>
                          <input type="checkbox" id="blankCheckbox" value="" />
                        </label>
                      </div>
                    </td>
                    <td>审核通过</td>
                    <td>100</td>
                    <td>2020-02-07 21:00:00</td>
                    <td>
                      <a class="check">查看</a>&nbsp;&nbsp;&nbsp;&nbsp;
                      <a class="">审核</a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </td> -->
                  </tr>
                </tbody>
              </table>
              <!-- 全选、批量删除、页码 -->
              <div class="data-list-context-footer">
                <div class="review-select-box">
                  <input
                    class="review-selectAll"
                    type="checkbox"
                    name=""
                    id=""
                  /><span>全选</span>
                </div>
                <span class="review-delAll">批量删除</span>
                <div class="pageNumber-box">
                  <div class="review-footerBox">
                    <!-- <span class="dataInformation">共10页/100条数据</span> -->
                  </div>
                  <nav>
                    <ul class="pagination reviewPagination">
                      <li>
                        <a href="#" class="review-prev">
                          <span>&laquo;</span>
                        </a>
                      </li>
                      <!-- <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li> -->
                      <li>
                        <a href="#" class="review-next">
                          <span class="next">&raquo;</span>
                        </a>
                      </li>
                    </ul>
                  </nav>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 删除成功弹窗 -->
    <div id="delAllModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <p>删除成功!</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">
              关闭
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <!-- 删除失败弹窗：删除失败，请勾选 -->
    <div id="delAllFailModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <p>删除失败，请勾选！</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">
              关闭
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- 新增成功弹窗 -->
    <div id="addModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <p>新增成功!</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">
              关闭
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <!-- 审核未通过弹窗 -->
    <div id="auditFailedModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <table class="table table-bordered">
              <tr>
                <td>审核时间</td>
                <td>审核人</td>
                <td>审核结果</td>
                <td>备注</td>
              </tr>
              <tr>
                <td>2022/04/25 15:00:00</td>
                <td>admin</td>
                <td>未通过</td>
                <td>图片不清晰</td>
              </tr>
            </table>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal">
              关闭
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- 新增药品分类 -->
    <div
      id="newDrugClassification"
      class="modal fade"
      tabindex="-1"
      role="dialog"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title">新增药品分类</h4>
          </div>
          <div class="modal-body">
            <div class="classificationName">
              <span>分类名称:</span>
              <input
                class="add-classificationName"
                type="text"
                placeholder="请输入..."
                value=""
              />
            </div>
            <div class="categoryParent">
              <span>上级分类:</span>
              <select class="add-categoryParent" name="" id="">
                <option value="内科" selected>内科</option>
                <option value="外科">外科</option>
                <option value="儿科">儿科</option>
              </select>
              <span>不选择分类默认未顶级分类</span>
            </div>
            <div class="addRemarks">
              <span>备注:</span
              >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input
                class="add-addRemarks"
                type="text"
                value=""
              />
            </div>
            <div class="addDisplay">
              <span>是否显示:</span>&nbsp;<input
                class="add-addDisplay"
                type="checkbox"
              />
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary addConfirm">
              确认
            </button>
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <!-- 编辑药品分类 -->
    <div
      id="editDrugClassification"
      class="modal fade"
      tabindex="-1"
      role="dialog"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title">编辑药品分类</h4>
          </div>
          <div class="modal-body editClassBody"></div>
          <div class="modal-footer">
            <button type="button" class="btn btn-primary editConfirm">
              确认
            </button>
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>

    <!-- 新增药品 -->
    <div class="newDrugs">
      <div class="newDrugs-title">
        <span>新增药品</span><button class="add-goBack">返回</button>
      </div>
      <div class="newDrugs-context">
        <div class="drug-name">
          <span>药品名称</span><span class="star">*</span
          ><input class="add-drug-name" type="text" placeholder="请输入..." />
        </div>
        <div class="drug-img">
          <span>列表图</span><span class="star">*</span>
          <img class="add-drug-img" src="../images/list-img.png" alt="" />
          <div class="notice">
            <span>建议尺寸120*90像素 ,大小不要超过1M</span>
          </div>
        </div>
        <div class="recommend">
          <span>是否推荐</span><span class="star">*</span>
          <input class="add-recommend" type="checkbox" />
        </div>
        <div class="drug-class">
          <span>药品分类</span><span class="star">*</span>
          <select class="add-drug-class1" name="" id="">
            <option value="请选择分类">请选择分类</option>
            <option value="心血管系统用药">心血管系统用药</option>
            <option value="呼吸系统用药">呼吸系统用药</option>
            <option value="皮肤科用药">皮肤科用药</option>
          </select>
          <select class="add-drug-class2" name="" id="">
            <option selected="selected" value="请选择分类">请选择分类</option>
            <option class="part1" value="钙通道阻滞用药">钙通道阻滞用药</option>
            <option class="part1" value="慢性心功能不全">慢性心功能不全</option>
            <option class="part1" value="抗心律失常药">抗心律失常药</option>
            <option class="part2" value="镇咳药">镇咳药</option>
            <option class="part2" value="祛痰药">祛痰药</option>
            <option class="part2" value="平喘药">平喘药</option>
            <option class="part3" value="止痒药">止痒药</option>
            <option class="part3" value="消炎药">消炎药</option>
            <option class="part3" value="过敏药">过敏药</option>
          </select>
        </div>
        <div class="drugs-specifications">
          <span>规格</span>
          <span class="star">*</span>
          <input class="add-drugs-specifications type="text"
          placeholder="请输入..." />
        </div>
        <div class="drugs-price">
          <span>价格</span><span class="star">*</span>
          <div class="price-box">
            <span>￥</span>
            <input
              class="add-drugs-price"
              type="text"
              placeholder="请输入..."
            />
          </div>
        </div>
        <div class="drugs-stock">
          <span>库存</span><span class="star">*</span>
          <input class="add-drugs-stock" type="text" placeholder="请输入..." />
        </div>
        <div class="prescription">
          <span>是否处方药</span><span class="star">*</span>
          <input class="add-prescription type="text" />
        </div>
        <div class="drug-companies">
          <span>药企</span><span class="star">*</span>
          <input
            class="add-drug-companies"
            type="text"
            placeholder="请输入..."
          />
        </div>
        <div class="drug-sell">
          <span>上架</span><span class="star">*</span>
          <input class="add-drug-sell" type="checkbox" />
        </div>
        <div class="drug-describe">
          <p><span>详细介绍</span><span class="star">*</span></p>
        </div>
        <!-- 富文本编辑器 -->
        <div id="editor—wrapper">
          <div id="toolbar-container"><!-- 工具栏 --></div>
          <div id="editor-container" style="min-height: 500px">
            <!-- 编辑器 -->
          </div>
        </div>
        <div class="btn-box">
          <button class="add-submit">提交</button>
          <button class="add-cancel">取消</button>
        </div>
      </div>
    </div>

    <!-- 编辑药品 -->
    <div class="editDrugs">
      <div class="editDrugs-title">
        <span>编辑药品</span><button class="edit-goBack">返回</button>
      </div>
      <div class="editDrugs-context">
        <!-- <div class="drug-name">
          <span>药品名称</span><span class="star">*</span
          ><input type="text" placeholder="请输入..." />
        </div>
        <div class="drug-img">
          <span>列表图</span><span class="star">*</span>
          <img src="../images/list-img.png" alt="" />
          <div class="notice">
            <span>建议尺寸120*90像素 ,大小不要超过1M</span>
          </div>
        </div>
        <div class="recommend">
          <span>是否推荐</span><span class="star">*</span>
          <input type="checkbox" />
        </div>
        <div class="drug-class">
          <span>药品分类</span><span class="star">*</span>
          <select name="" id="" class="edit-drug-class1">
            <option value="请选择分类">请选择分类</option>
            <option value="心血管系统用药">心血管系统用药</option>
            <option value="呼吸系统用药">呼吸系统用药</option>
            <option value="皮肤科用药">皮肤科用药</option>
          </select>
          <select name="" id="" class="edit-drug-class2">
            <option selected="selected" value="请选择分类">请选择分类</option>
            <option class="part1" value="钙通道阻滞用药">钙通道阻滞用药</option>
            <option class="part1" value="慢性心功能不全">慢性心功能不全</option>
            <option class="part1" value="抗心律失常药">抗心律失常药</option>
            <option class="part2" value="镇咳药">镇咳药</option>
            <option class="part2" value="祛痰药">祛痰药</option>
            <option class="part2" value="平喘药">平喘药</option>
            <option class="part3" value="止痒药">止痒药</option>
            <option class="part3" value="消炎药">消炎药</option>
            <option class="part3" value="过敏药">过敏药</option>
          </select>
        </div>
        <div class="drugs-specifications">
          <span>规格</span>
          <span class="star">*</span>
          <input type="text" placeholder="请输入..." />
        </div>
        <div class="drugs-price">
          <span>价格</span><span class="star">*</span>
          <div class="price-box">
            <span>￥</span>
            <input type="text" placeholder="请输入..." />
          </div>
        </div>
        <div class="drugs-stock">
          <span>库存</span><span class="star">*</span>
          <input type="text" placeholder="请输入..." />
        </div>
        <div class="prescription">
          <span>是否处方药</span><span class="star">*</span>
          <input type="text" />
        </div>
        <div class="drug-companies">
          <span>药企</span><span class="star">*</span>
          <input type="text" placeholder="请输入..." />
        </div>
        <div class="drug-sell">
          <span>上架</span><span class="star">*</span>
          <input type="checkbox" />
        </div>
        <div class="drug-describe">
          <p><span>详细介绍</span><span class="star">*</span></p>
        </div>
        <!-- 富文本编辑器 -->
        <!-- <div id="editor—wrapper">
          <div id="toolbar-container"></div>
          <div id="editor-container"></div>
        </div> -->
        <!-- <div class="btn-box">
          <button class="edit-submit">提交</button>
          <button class="edit-cancel">取消</button>
        </div> -->
      </div>
    </div>

    <!-- 药品详情-审核通过 -->
    <div class="drugsStatus-success">
      <div class="drugsStatus-title">
        <span>药品详情-</span><span>审核通过</span>
        <button class="success-goBack">返回</button>
      </div>
      <!-- 基本信息 -->
      <div class="drugs-information">
        <table class="table table-bordered">
          <thead>
            <td colspan="5" class="active"><span>基本信息</span></td>
          </thead>
          <tbody class="statusSuccessTbody">
            <!-- <tr class="tr1">
              <td rowspan="5" class="drugs-img">
                <img
                  src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/处方详情-审核中/u2849.png"
                  alt=""
                />
              </td>
              <td class="active td1">ID</td>
              <td class="td2">01</td>
              <td class="active td3">药品名称</td>
              <td class="td4">络活喜苯磺酸氨氯地平片</td>
            </tr>
            <tr class="tr2">
              <td class="active">规格</td>
              <td>5mg*7片/盒</td>
              <td class="active">价格</td>
              <td>￥25</td>
            </tr>
            <tr class="tr3">
              <td class="active">药企</td>
              <td>辉瑞制药有限公司</td>
              <td class="active">库存</td>
              <td>100</td>
            </tr>
            <tr class="tr4">
              <td class="active">是否为处方药</td>
              <td>是</td>
              <td class="active">药品分类</td>
              <td>心血管系统用药>降压药</td>
            </tr>
            <tr class="tr5">
              <td class="active">发布时间</td>
              <td>2020-02-07 21:00:00</td>
              <td class="active">状态</td>
              <td>审核通过</td>
            </tr> -->
          </tbody>
        </table>
      </div>
      <!-- 简介 -->
      <div class="drugs-introduce">
        <div class="drugs-introduce-title"><span>简介</span></div>
        <div class="drugs-introduce-context">
          <p><span>【药品名称】</span></p>
          <p><span> 通用名：苯磺酸氨氯地平</span></p>
          <p><span>【成份】</span></p>
          <p>
            <span
              >本品主要成份为苯磺酸氨氯地平，其化学名称为：3-乙基-5-甲基-2-(2-氨基乙氧甲基)-4-(2-氯苯基)-1，4-二氢-6-甲基-3，
              5-吡啶二羧酸酯苯磺酸盐。</span
            >
          </p>
          <p><span>化学结构式：</span></p>
          <p>
            <img
              src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/药品详情-审核通过/u9757.png"
              alt=""
            />
          </p>
          <p><span>分子式：C20H25N2O5Cl⋅C6H6O3S</span></p>
          <p><span>分子量：567.1</span></p>
          <p><span>【性状】</span></p>
          <p><span>本品为白色片</span></p>
          <p><span>【适应症】</span></p>
          <p><span>1、高血压</span></p>
          <p>
            <span
              >本品适用于高血压的治疗。可单独应用或与其他抗高血压药物联合应用。</span
            >
          </p>
          <p><span>2、冠心病(CAD)</span></p>
          <p><span>慢性稳定性心绞痛</span></p>
          <p>
            <span
              >本品适用于慢性稳定性心绞痛的对症治疗。可单独应用或与其他抗心绞痛药物联合应用。</span
            >
          </p>
          <p>
            <span>血管痉挛性心绞痛(PrinzMetal's 或变异型心绞痛)</span>
          </p>
          <p>
            <span
              >本品适用于确诊或可疑的血管痉挛性心绞痛的治疗。可单独应用也可与其他抗心绞痛药物联合应用。</span
            >
          </p>
          <p>
            <span>经血管造影证实的冠心病</span>
          </p>
          <p>
            <span
              >经血管造影证实为冠心病,但射血分数≥40%且无心衰的患者，本品可减少因心绞痛住院的风险以及降低冠状动脉重建术的风险。</span
            >
          </p>
          <p>
            <span>【用法用量】</span>
          </p>
          <p>
            <span
              >成人：通常本品治疗高血压的起始剂量为5mg，每日一次，最大剂量为10mg，每日一次。身材小、虚弱、老年、或伴肝功能不全患者，起始剂量为2.5mg，每日一次；此剂量也可为本品联合其它抗高血压药物治疗的剂量。</span
            >
          </p>
          <p>
            <span
              >剂量调整应根据患者个体反应进行。一般的剂量调整应在7-14天后开始进行。如临床需要，在对患者进行严密监测的情况下，可更快地进行剂量调整。</span
            >
          </p>
          <p>
            <span
              >治疗慢性稳定性或血管痉挛性心绞痛的推荐剂量是5-10mg，每日一次，老年及肝功能不全的患者建议使用较低剂量治疗，大多数患者的有效剂量为10mg，每日一次。</span
            >
          </p>
          <p>
            <span
              >治疗冠心病的推荐剂量为5-10mg，每日一次。在临床研究中，大多数患者需要10mg/日的剂量（见【临床试验】）。</span
            >
          </p>
        </div>
      </div>
    </div>
    <!-- 药品详情-审核未通过 -->
    <div class="drugsStatus-failed">
      <div class="drugsStatus-title">
        <span>药品详情-</span><span>审核未通过</span>
        <button class="failed-goBack">返回</button>
      </div>
      <!-- 基本信息 -->
      <div class="drugs-information">
        <table class="table table-bordered">
          <thead>
            <td colspan="5" class="active"><span>基本信息</span></td>
          </thead>
          <tbody class="statusFailedTbody">
            <!-- <tr class="tr1">
              <td rowspan="5" class="drugs-img">
                <img
                  src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/处方详情-审核中/u2849.png"
                  alt=""
                />
              </td>
              <td class="active td1">ID</td>
              <td class="td2">01</td>
              <td class="active td3">药品名称</td>
              <td class="td4">络活喜苯磺酸氨氯地平片</td>
            </tr>
            <tr class="tr2">
              <td class="active">规格</td>
              <td>5mg*7片/盒</td>
              <td class="active">价格</td>
              <td>￥25</td>
            </tr>
            <tr class="tr3">
              <td class="active">药企</td>
              <td>辉瑞制药有限公司</td>
              <td class="active">库存</td>
              <td>100</td>
            </tr>
            <tr class="tr4">
              <td class="active">是否为处方药</td>
              <td>是</td>
              <td class="active">药品分类</td>
              <td>心血管系统用药>降压药</td>
            </tr>
            <tr class="tr5">
              <td class="active">发布时间</td>
              <td>2020-02-07 21:00:00</td>
              <td class="active">状态</td>
              <td>
                <span>审核未通过</span>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="check-detail">审核详情</a>
              </td>
            </tr> -->
          </tbody>
        </table>
      </div>
      <!-- 简介 -->
      <div class="drugs-introduce">
        <div class="drugs-introduce-title"><span>简介</span></div>
        <div class="drugs-introduce-context">
          <p><span>【药品名称】</span></p>
          <p><span> 通用名：苯磺酸氨氯地平</span></p>
          <p><span>【成份】</span></p>
          <p>
            <span
              >本品主要成份为苯磺酸氨氯地平，其化学名称为：3-乙基-5-甲基-2-(2-氨基乙氧甲基)-4-(2-氯苯基)-1，4-二氢-6-甲基-3，
              5-吡啶二羧酸酯苯磺酸盐。</span
            >
          </p>
          <p><span>化学结构式：</span></p>
          <p>
            <img
              src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/药品详情-审核通过/u9757.png"
              alt=""
            />
          </p>
          <p><span>分子式：C20H25N2O5Cl⋅C6H6O3S</span></p>
          <p><span>分子量：567.1</span></p>
          <p><span>【性状】</span></p>
          <p><span>本品为白色片</span></p>
          <p><span>【适应症】</span></p>
          <p><span>1、高血压</span></p>
          <p>
            <span
              >本品适用于高血压的治疗。可单独应用或与其他抗高血压药物联合应用。</span
            >
          </p>
          <p><span>2、冠心病(CAD)</span></p>
          <p><span>慢性稳定性心绞痛</span></p>
          <p>
            <span
              >本品适用于慢性稳定性心绞痛的对症治疗。可单独应用或与其他抗心绞痛药物联合应用。</span
            >
          </p>
          <p>
            <span>血管痉挛性心绞痛(PrinzMetal's 或变异型心绞痛)</span>
          </p>
          <p>
            <span
              >本品适用于确诊或可疑的血管痉挛性心绞痛的治疗。可单独应用也可与其他抗心绞痛药物联合应用。</span
            >
          </p>
          <p>
            <span>经血管造影证实的冠心病</span>
          </p>
          <p>
            <span
              >经血管造影证实为冠心病,但射血分数≥40%且无心衰的患者，本品可减少因心绞痛住院的风险以及降低冠状动脉重建术的风险。</span
            >
          </p>
          <p>
            <span>【用法用量】</span>
          </p>
          <p>
            <span
              >成人：通常本品治疗高血压的起始剂量为5mg，每日一次，最大剂量为10mg，每日一次。身材小、虚弱、老年、或伴肝功能不全患者，起始剂量为2.5mg，每日一次；此剂量也可为本品联合其它抗高血压药物治疗的剂量。</span
            >
          </p>
          <p>
            <span
              >剂量调整应根据患者个体反应进行。一般的剂量调整应在7-14天后开始进行。如临床需要，在对患者进行严密监测的情况下，可更快地进行剂量调整。</span
            >
          </p>
          <p>
            <span
              >治疗慢性稳定性或血管痉挛性心绞痛的推荐剂量是5-10mg，每日一次，老年及肝功能不全的患者建议使用较低剂量治疗，大多数患者的有效剂量为10mg，每日一次。</span
            >
          </p>
          <p>
            <span
              >治疗冠心病的推荐剂量为5-10mg，每日一次。在临床研究中，大多数患者需要10mg/日的剂量（见【临床试验】）。</span
            >
          </p>
        </div>
      </div>
    </div>
    <!-- 药品详情-待审核 -->
    <div class="drugsStatus-unaudited">
      <div class="drugsStatus-title">
        <span>药品详情-</span><span>待审核</span>
        <button class="unaudited-goBack">返回</button>
      </div>
      <!-- 基本信息 -->
      <div class="drugs-information">
        <table class="table table-bordered">
          <thead>
            <td colspan="5" class="active"><span>基本信息</span></td>
          </thead>
          <tbody class="unauditedTbody">
            <!-- <tr class="tr1">
              <td rowspan="5" class="drugs-img">
                <img
                  src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/处方详情-审核中/u2849.png"
                  alt=""
                />
              </td>
              <td class="active td1">ID</td>
              <td class="td2">01</td>
              <td class="active td3">药品名称</td>
              <td class="td4">络活喜苯磺酸氨氯地平片</td>
            </tr>
            <tr class="tr2">
              <td class="active">规格</td>
              <td>5mg*7片/盒</td>
              <td class="active">价格</td>
              <td>￥25</td>
            </tr>
            <tr class="tr3">
              <td class="active">药企</td>
              <td>辉瑞制药有限公司</td>
              <td class="active">库存</td>
              <td>100</td>
            </tr>
            <tr class="tr4">
              <td class="active">是否为处方药</td>
              <td>是</td>
              <td class="active">药品分类</td>
              <td>心血管系统用药>降压药</td>
            </tr>
            <tr class="tr5">
              <td class="active">发布时间</td>
              <td>2020-02-07 21:00:00</td>
              <td class="active">状态</td>
              <td>
                <span>审核未通过</span>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="check-detail">审核详情</a>
              </td>
            </tr> -->
          </tbody>
        </table>
      </div>
      <!-- 简介 -->
      <div class="drugs-introduce">
        <div class="drugs-introduce-title"><span>简介</span></div>
        <div class="drugs-introduce-context">
          <p><span>【药品名称】</span></p>
          <p><span> 通用名：苯磺酸氨氯地平</span></p>
          <p><span>【成份】</span></p>
          <p>
            <span
              >本品主要成份为苯磺酸氨氯地平，其化学名称为：3-乙基-5-甲基-2-(2-氨基乙氧甲基)-4-(2-氯苯基)-1，4-二氢-6-甲基-3，
              5-吡啶二羧酸酯苯磺酸盐。</span
            >
          </p>
          <p><span>化学结构式：</span></p>
          <p>
            <img
              src="https://cimg.axureshop.com/90/7b/9a/907b9a01ce1f49f0a29a8c9909478853/images/药品详情-审核通过/u9757.png"
              alt=""
            />
          </p>
          <p><span>分子式：C20H25N2O5Cl⋅C6H6O3S</span></p>
          <p><span>分子量：567.1</span></p>
          <p><span>【性状】</span></p>
          <p><span>本品为白色片</span></p>
          <p><span>【适应症】</span></p>
          <p><span>1、高血压</span></p>
          <p>
            <span
              >本品适用于高血压的治疗。可单独应用或与其他抗高血压药物联合应用。</span
            >
          </p>
          <p><span>2、冠心病(CAD)</span></p>
          <p><span>慢性稳定性心绞痛</span></p>
          <p>
            <span
              >本品适用于慢性稳定性心绞痛的对症治疗。可单独应用或与其他抗心绞痛药物联合应用。</span
            >
          </p>
          <p>
            <span>血管痉挛性心绞痛(PrinzMetal's 或变异型心绞痛)</span>
          </p>
          <p>
            <span
              >本品适用于确诊或可疑的血管痉挛性心绞痛的治疗。可单独应用也可与其他抗心绞痛药物联合应用。</span
            >
          </p>
          <p>
            <span>经血管造影证实的冠心病</span>
          </p>
          <p>
            <span
              >经血管造影证实为冠心病,但射血分数≥40%且无心衰的患者，本品可减少因心绞痛住院的风险以及降低冠状动脉重建术的风险。</span
            >
          </p>
          <p>
            <span>【用法用量】</span>
          </p>
          <p>
            <span
              >成人：通常本品治疗高血压的起始剂量为5mg，每日一次，最大剂量为10mg，每日一次。身材小、虚弱、老年、或伴肝功能不全患者，起始剂量为2.5mg，每日一次；此剂量也可为本品联合其它抗高血压药物治疗的剂量。</span
            >
          </p>
          <p>
            <span
              >剂量调整应根据患者个体反应进行。一般的剂量调整应在7-14天后开始进行。如临床需要，在对患者进行严密监测的情况下，可更快地进行剂量调整。</span
            >
          </p>
          <p>
            <span
              >治疗慢性稳定性或血管痉挛性心绞痛的推荐剂量是5-10mg，每日一次，老年及肝功能不全的患者建议使用较低剂量治疗，大多数患者的有效剂量为10mg，每日一次。</span
            >
          </p>
          <p>
            <span
              >治疗冠心病的推荐剂量为5-10mg，每日一次。在临床研究中，大多数患者需要10mg/日的剂量（见【临床试验】）。</span
            >
          </p>
        </div>
      </div>
    </div>
      </div>
    </div>
    <script src="../js/homePage.js"></script>
    <script src="../JS/commodityManagement.js"></script>
    <script src="https://unpkg.com/@wangeditor/editor@latest/dist/index.js"></script>
    <script>
      const { createEditor, createToolbar } = window.wangEditor;

      const editorConfig = {
        placeholder: "Type here...",
        onChange(editor) {
          const html = editor.getHtml();
          console.log("editor content", html);
          // 也可以同步到 <textarea>
        },
      };

      const editor = createEditor({
        selector: "#editor-container",
        html: "<p><br></p>",
        config: editorConfig,
        mode: "simple", // or 'simple'
      });

      const toolbarConfig = {};

      const toolbar = createToolbar({
        editor,
        selector: "#toolbar-container",
        config: toolbarConfig,
        mode: "simple", // or 'simple'
      });
    </script>
  </body>
</html>
